/*
 * @Author: nengwu 409791297@qq.com
 * @Date: 2020-06-28 18:10:18
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-07-10 15:15:51
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    paddingTop: px(20),
    paddingBottom: px(20),
    flexDirection: 'column',
    backgroundColor: '#fff'
  },
  top: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    paddingLeft: px(40),
    paddingRight: px(40)
  },
  date: {
    fontSize: px(26),
    color: '#666'
  },
  badge: {
    backgroundColor: '#ccc',
    borderRadius: 3,
    paddingLeft: 3,
    paddingRight: 3,
    justifyContent: 'center',
    alignItems: 'center'
  }, 
  badgeText: {
    color: '#fff',
    fontSize: px(20)
  },
  main: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingTop: px(50),
    paddingBottom: px(50)
  },
  left: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  right: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  midBox: {
    flex: 0,
    width: px(150),
    alignItems: 'center',
    justifyContent: 'center',
    textAlign: 'center'
  },
  statusBox: {
    width: '100%',
    height: px(50),
    marginTop: px(10),
    borderRadius: 3,
    backgroundColor: '#999',
    alignItems: 'center',
    justifyContent: 'center',
  },
  statusEnd: {
    backgroundColor: '#999'
  },
  statusUnStart: {
    backgroundColor: '#D13539'
  },
  statusText: {
    fontSize: px(30),
    color: '#fff'
  },
  scroe: {
    fontSize: 20
  },
  bottom: {
    backgroundColor: '#eee',
    height: px(20)
  },
  icon: {
    width: px(100),
    height: px(100),
    borderRadius: px(50),
    marginBottom: px(30)
  },
  name: {
    fontSize: px(36),
    color: '#333'
  }
})

export default styles